<div style="margin-bottom: 25px;">
    <a class="info-text" href="/">Главная</a> > <a class="info-text" href="/gallery">Галерея</a>
</div>

<style type="text/css">
    .album-wrap{
        margin: 5px;
        position: relative;
        width: 180px;
        height: 180px;
        float: left;
    }
    .album-desc{
        background: rgba(0, 0, 0, 0.5);
        color: white;
        position: absolute;
        width: 170px;
        bottom: 0;
        text-align: center;
        padding: 4px 5px 10px;
        line-height: 20px;
    }
</style>
<?foreach ($this->albums as $album) :?>
    <?/**@var $album Application_Model_GalleryAlbums */?>
    <?if (!$album->getAlbumIcon()):?>
        <?continue;?>
    <?endif;?>
    <div class="album-wrap">
        <a class="photo" href="/photos?id=<?=$album->getId(); ?>">
            <img src="<?=$this->baseUrl()?><?= $album->getAlbumIcon()?>" width="180" height="180" alt="<?= $album->getTitle()?>"/>
            <div class="album-desc"><?= $album->getTitle() ?></div>
        </a>
    </div>
<? endforeach ;?>